.

iT邦幫忙

Cyber Range 企業資安攻防實戰
IT EXPLAINED 數位轉型攻略 VII
Cloud Future Built Today
.

2021 iThome 鐵人賽
DAY 5
0
Modern Web

我的網頁前端小小小教室系列 第 5 篇

Day5 網頁製作環境建設

13th鐵人賽
600 瀏覽

  • 分享至 

  • xImage
    •  

在開始寫網頁前，我們要先把所需的工具準備好，就像鎖螺絲需要用螺絲起子一樣，寫網頁我們要準備好我們的編輯器!當然，編輯器不會只有一種，而今天要分享我常用的編輯器VScode，以及一些方便的外掛讓你使用上更加迅速方便。

首先我們要到VScode官網，然後直接按下Download。(當然要搭配你電腦適合的作業系統版本)。

接下來順著安裝嚮導下一步到順利安裝完成。

這樣VScode就順利下載完成了!這邊推薦幾個我平常使用的外掛程式。

1.Live Server(讓你可以即時看到修改後的網頁)

2.Bracket Pair Colorizer(讓你的括號有顏色區分，較不易搞混)

3.Auto Rename Tag(會把標籤前後同步修改)

4.Prettier(自動格式化排版程式碼)

記得要將設定調成always，以及(formatter on save)打勾

這樣我們的工具就準備好了!明天開始我們將介紹html基本會用到的標籤!


上一篇
Day4 Javascript介紹
下一篇
Day6 Html標籤_1
系列文
我的網頁前端小小小教室 共 30 篇
  1. 26
    Day26 Bootstrap建立網頁
  2. 27
    Day27 Javascript元件庫 Jquery介紹
  3. 28
    Day28 JQuery應用
  4. 29
    Day29 JQuery蓋板廣告應用
  5. 30
    Day30 JQuery 控制CSS
完整目錄
.
圖片
  直播研討會

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22200 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
金融業雲端轉型後的 End Game
Cloud Summit 臺灣雲端大會 |
29 分
資通安全管理法與企業資訊安全防護
中華龍網DragonSoft Security |
51 分
數位永續雙軸轉型典範 CEO
數位永續高峰會 |
31 分
SM 導入 Scrum 後的下一步：如何持續改進
Hello World Dev Conference |
23 分
【Zyxel網路室】萬眾矚目全新 USG FLEX H 系列功能剖析
Zyxel兆勤科技- 網路通訊專家 |
29 分
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
.
熱門問題
.
熱門回答
熱門文章
IT邦幫忙